import Vue from 'vue'
import { Lazyload, DatetimePicker, Image, Dialog, Tag, CellGroup, NavBar, Field, Form, Button, Tabbar, TabbarItem, Icon, Tab, Tabs, Cell, List, PullRefresh, ActionSheet, Notify, Popup, Row, Col, Badge, Search, Divider, Loading } from 'vant'
import hljs from 'highlight.js' // hljs对象
import 'highlight.js/styles/default.css' // 代码高亮的样式
// 全局注册高亮样式
Vue.directive('highlight', el => { // 自定义一个代码高亮指令
  const highlight = el.querySelectorAll('pre, code') // 获取里面所有pre或者code标签
  highlight.forEach((block) => {
    hljs.highlightElement(block) // 突出显示这些标签(以及内部代码, 会自动识别语言)
  })
})

Vue.use(DatetimePicker) // 注册全局自定义指令
// (1):里面没有导出, (2):让里面的代码走一遍即可
Vue.use(Dialog)
Vue.use(Loading)
Vue.use(Lazyload, {
  preload: '0.9'
})
Vue.use(Image)
Vue.use(CellGroup)
Vue.use(Tag)
Vue.use(Search)
Vue.use(NavBar)
Vue.use(Col)
Vue.use(Row)
Vue.use(Badge)
Vue.use(Field)
Vue.use(Form)
Vue.use(Button)
Vue.use(Tabbar)
Vue.use(TabbarItem)
Vue.use(Icon)
Vue.use(Tab)
Vue.use(Tabs)
Vue.use(Cell)
Vue.use(List)
Vue.use(PullRefresh)
Vue.use(ActionSheet)
Vue.use(Notify)
Vue.use(Popup)
Vue.use(Divider)
